<template>
  <div class="lm-change-plan">
    <div class="change-body">
      <div class="change-plan">
        <svg-icon class-name="search-icon" icon-class="change-plan-lm"></svg-icon>
        <el-button round @click="changeType('lm')">罗慕方案</el-button>
      </div>
      <div class="change-plan">
        <svg-icon class-name="search-icon" icon-class="change-plan-other"></svg-icon>
        <el-button round @click="changeType('other')">诊所自行治疗</el-button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ChangePlan',
  props: {
    plan: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
    };
  },
  methods: {
    changeType(type) {
      this.plan.plan = type;
    }
  }
};
</script>
<style lang="scss" scoped>
.lm-change-plan{
    .change-body{
        width: 500px;
        margin: auto;
        padding: 200px 0 200px 0;
        .change-plan{
            display: inline-block;
            width: 240px;
            height: 200px;
            text-align: center;
            .svg-icon{
              width: 240px;
              height: 160px;
            }
            button{
                width: 156px;
            }
        }
    }
}
</style>
